@charset "utf-8";

.control_form {
 // display: block;
  width: 130px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #33cc00;
  background-color: #fff;
  background-image: none;
  border: 1px solid #33cc00;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-top : 8px; 
 
}
div.clearFloat {
clear: both;
}

#main {
	margin: 0 auto 0 auto;
	width: 1400px;
}

#logo
{
margin-left: 100px;
margin-top:  5px;
float:left;
height: 135px;
width: 194px;
}

.identifiant 
{
    position: absolute;
}

#header_panier {
	margin-right: 220px;
	margin-top: 10px;
	float: right;
        padding: 2px;
        border: solid 1px black;
}

#familly {
	margin-right: 12px;
	margin-top: 3px;
	float: right;
}	

#texte_speedy-market_r4_c2 {
	margin-left: 209px;
	margin-top: 106px;
	float: left;

}

#engagements {
        margin-top: 20px;
        margin-left: 180px;
}


#poissonnerie {
	margin-left: 221px;
	margin-top: 22px;
	float: left;

}

#surgeler {
	margin-left: 11px;
	margin-top: 22px;
	float: left;

}
#boucherie {
	margin-left: 11px;
	margin-top: 22px;
	float: left;

}
#cremerie {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}

#boulangerie {
	margin-left: 10px;
	margin-top: 22px;
	float: left;

}
#epicerieSucre {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}
#epicerieSale {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}
#fruitsLegumes {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}
#conserves {
	margin-left: 20px;
	margin-top: 22px;
	float: left;
}
#boissons {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}
#soinsBeaute {
	margin-left: 11px;
	margin-top: 22px;
	float: left;
}
#interieur {
	margin-left: 10px;
	margin-top: 22px;
	float: left;
}

.acceuil {
	margin-left: 224px;
	margin-top: 29px;
	float: left;
}
.paiementSecuriser {
	margin-left: 250px;
	margin-top: 39px;
	float: left;
}


#serviceQualite {
	margin-left: 80px;
	margin-top: 47px;
	float: left;
}
#satisfaitRembouser {
	margin-left: 80px;
	margin-top: 41px;
	float: left;
}
#prixBas {
	margin-left: 90px;
	margin-top: 50px;
	float: left;
}

.email {
     color: #33cc00;
    margin-left: 120px;
    margin-top: 5px;
    float: left;

}
.email2 {
  width: 175px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #33cc00;
  background-color: #fff;
  background-image: none;
  border: 1px solid #33cc00;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

 
}

#enveloppe {
   
      margin-left: 5px;
      margin-top: 5px;

}

#engagements ul li { list-style:none;
			float:left;
			padding:0;
			}
#engagements ul li a{	height: 100px;
			width: 150px;
			text-decoration: none;
			text-align: center;
			line-height:150px;
			color: black;
			display: inline-block;
			background: no-repeat top center;
			margin: 5px;
			}
#engagements ul li a:hover {	border-bottom: solid 5px black;
				}
                                
#engagements ul li a.securises {background-image: url(../images/paiementSecuriser.gif);}			
#engagements ul li a.qualite {background-image: url(../images/serviceQualite.gif);}			
#engagements ul li a.rembourse {background-image: url(../images/satisfaitRembouser.gif);}			
#engagements ul li a.plusbas {background-image: url(../images/prixBas.gif);}	


#navigation ul li a.boissons {background-image: url(../images/boissons.gif); color: rgb(148,190,63);}			
#navigation ul li a.boucherie {background-image: url(../images/boucherie.gif); color: rgb(119,199,214);}			
#navigation ul li a.boulangerie {background-image: url(../images/boulangerie.gif); color: rgb(238,135,34);}			
#navigation ul li a.conserves {background-image: url(../images/conserves.gif); color: rgb(148,190,63);}			
#navigation ul li a.cremerie {background-image: url(../images/cremerie.gif); color: rgb(119,199,214);}			
#navigation ul li a.fruits {background-image: url(../images/fruitsLegumes.gif); color: rgb(148,190,63);}			
#navigation ul li a.interieur {background-image: url(../images/interieur.gif); color: rgb(220,68,114);}			
#navigation ul li a.poissonnerie {background-image: url(../images/poissonnerie.gif); color: rgb(119,199,214);}			
#navigation ul li a.salee {background-image: url(../images/epicerieSale.gif); color: rgb(238,135,34);}			
#navigation ul li a.soins {background-image: url(../images/soinsBeaute.gif); color: rgb(220,68,114);}			
#navigation ul li a.sucree {background-image: url(../images/epicerieSucre.gif); color: rgb(238,135,34);}			
#navigation ul li a.surgeles {background-image: url(../images/surgeler.gif); color: rgb(119,199,214);}

#navigation ul li { list-style:none;
			float:left;
			padding: 5px;
			}
                        
#navigation ul li a{	height: 70px;
			width: 80px;
			text-align: center;
			line-height:180px;
			display: block;
			background: no-repeat bottom left;
			margin: 3px;
			}
                        
#navigation ul li a:hover { line-height:170px;	
                            background-position: top left;
                            } 

/* */

.inscrire {
      
     margin-left: -135px;
	margin-top: 50px;
	float: left;
        
}
.zone_search {
  display: block;
  width: 200px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #33cc00;
  background-color: #fff;
  background-image: none;
  border: 1px solid #33cc00;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-left: 940px;
  margin-top : 80px;
  position: absolute;
}
.boutn_recherche {
position: absolute;
 margin-left: 1105px;
  margin-top : 86px;
  color: #33cc00;
}

#simplifiez_vous {
        margin-top: -10px;
        margin-left: 490px;
	float: left;
	height: 27px;
	width: 306px;
}


#colwrap1 {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 69px;
}

/*#txtpoissonnerie {
	margin-left: -85px;
	margin-top: 106px;
	float: left;

#txtsurgeles {
        margin-left: -65px;
	margin-top: 105px;
        float: left;
}
#txtboucherie {
	margin-left: -75px;
	margin-top: 106px;
	float: left;
}
#txtcremerie {
	margin-left: -68px;
	margin-top: 104px;
	float: left;
}
#txtboulangerie {
	margin-left: -74px;
	margin-top: 105px;
	float: left;
}
#txtepicerie_sucree {
	margin-left: -62px;
	margin-top: 103px;
	float: left;
}
#txtepicerie_salee {
	margin-left: -62px;
	margin-top: 102px;
	float: left;
}
#txtfruits_legumes {
	margin-left: -56px;
	margin-top: 105px;
	float: left;
}
#txtconserves {
	margin-left: -70px;
	margin-top: 103px;
	float: left;
}

#txtboissons {
	margin-left: -65px;
	margin-top: 104px;
	float: left;
}
#txtsoins_beaute {
	margin-left: -60px;
	margin-top: 103px;
	float: left;
}
#txtinterieur {
	margin-left: -60px;
	margin-top: 103px;
	float: left;
} */

#colwrap2 {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 81px;
}

/*#text_paiement_sec {
    margin-left: -80px;
    margin-top: 110px;
    float: left;
}

#text_satisf_remb {
    
    margin-left: -105px;
    margin-top: 110px;
    float: left;
    
}

#text_serv_qual {
   
  margin-left: -80px;
  margin-top: 110px;
  float: left; 
}

#text_prix_bas {
    
    margin-left: -90px;
    margin-top: 105px;
    float: left;
}*/

footer {
    /*position: fixed;*/
    width: 250px;            
    margin: 50px auto 20px auto;

// bottom: 0;
}

footer a:hover {
    text-decoration: none;
    font-weight: bold;
}

#pied_gauche {
    position: relative;
    float: left;
}

#pied_droite {
    position: relative;
    float: right;
}

/*page categorie*/

#contenu_categorie {
    height: auto;
    width: 80%;
    position: relative;
    top: -60px;
}      


#rayon{
    height: 670px;
    width: 760px;
    margin: auto 70px;
    float: left;
}
#ariane_liens{
    height: 20px;
    width: auto;
    
}
#conteneur_haut{
    height: 65px;
    width: auto;
}
#ariane_boutons{
    height: auto;
    width: 50%;
    float:left;
    margin: 20px 0;
}

#tri_prix{
    height: auto;
    width: 20%;
    float:right;
    margin: 20px 5px;
    text-align: center;
}
#suivant_boutons_haut{
    height: auto;
    width: 25%;
    float:right;
    margin: 20px 5px;
    text-align: center;

}
#conteneur_articles{
    height: 530px;
    width: auto;
    
}
#suivant_boutons_bas{
    height: 65px;
    width: auto;
    text-align: right;
}
#conteneur_promotions{
    height: 530px;
    width: 200px;
    position: relative;
    float: left;
    top: 80px;
    right: -40px;
}

.cartouche_article {
    height: 250px;
    width: 150px;
    border: solid 1px skyblue;
    border-radius: 10px;
    box-shadow: 1px 1px 5px skyblue;
    position: relative;
    float: left; 
    margin: 10px;
}

.cartouche_article img {
    height: 120px;
    width: 100px;
    position: relative;
    left: 25px;
}

.cartouche_article p {
    text-align: center;
    font-size: 14px;
}

.cartouche_bas_G {
    float: left;
}
.cartouche_bas_D {
    float: right;
}
.c_a_selection {
    height: 25px;
    width: 75px;
    border: solid 1px black;
    border-radius: 10px;
    margin: 4px;
}
.c_a_ajouter {
    height: 25px;
    width: 75px;
    border: solid 1px black;
    border-radius: 10px;
    margin: 4px;
}
.c_a_prix {
    height: 60px;
    width: 60px;
    background-color: green;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    color: white;
    margin: 2px;
    padding: 20px 0;
    background-color: skyblue;
    border-radius: 10px;
}

.cartouche_promotion {
    height: 120px;
    width: 180px;
    border: solid 1px brown;
    border-radius: 10px;
    box-shadow: 1px 1px 5px brown;
    position: relative;
    float: left; 
    margin: 8px;
}

.cartouche_promotion img {
    height: 100px;
    width: 60px;
    position: relative;
}

.cartouche_promotion p {
    text-align: center;
}

.label_promo {
    position: relative;
    top: 20px;
    left: 25px;
    font-weight: bold;
    color: brown;
}

.c_p_gauche {
    width: 60px;
    float: left;
    position: relative;
    top: 10px;
}

.c_p_droite {
    width: 65%;
    float: right;
    position: relative;
    top: 5px;
}

.c_p_titre {
    font-weight: bold;
    text-align: left;  
}

.c_p_description {
    font-size: small;
    text-align: left;
    font-size: 10px;
}

.c_p_prix {
    height: 40px;
    width: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    padding: 10px 10px;
    background-color: brown;
    border-radius: 10px;
    float:right;
    position: relative;
    top: 5px;
}

#article {
    height: 350px;
    width: 500px;
    border: solid 1px black;
    margin: auto;
    padding: 50px
}
